import './index.css'
// 引入传统购物车案例
import Cart1 from './02-传统写法购物车案例/Index'

// 引入redux原生写法实现购物车组件
import Cart2 from './03-Redux原生写法购物车案例/Index'
// 引入store
import Store1 from './03-Redux原生写法购物车案例/Store/index'

// 引入redux拆分写法实现购物车组件
import Cart3 from './04-Redux拆分写法购物车案例/Index'
// 引入store
import Store2 from './04-Redux拆分写法购物车案例/Store/index'

// 引入TodoList组件
import TodoList from './06-TodoList-Rudex改造组件化模板/TodoApp'
// 引入store
import Store3 from './06-TodoList-Rudex改造组件化模板/Store/index'

// 导入 Provider 组件
import { Provider } from 'react-redux'

function App() {
  return (
    <div className="App">

      {/* 原生购物车 */}
      {/* <Cart1></Cart1> */}

      {/* reduex购物车 */}
      {/* <Provider store={Store1}>
        <Cart2 />
      </Provider> */}

      {/* redux拆分改造购物车 */}
      {/* <Provider store={Store2}>
        <Cart3 />
      </Provider> */}
      <br />

      {/* TodoList案例 */}
      <Provider store={Store3}>
        <TodoList />
      </Provider>
      <br />

    </div>
  );
}

export default App;
